
<template>
  <div style="z-index: 100">
    <!-- 右菜单栏按钮 -->
    <!-- <div class="right_menu_open">></div> -->
    <!-- 右菜单栏 -->
    <!-- <div class="right_menu">
      <div class="right_menu_gone">
        <button class="right_menu_gone_button">X</button>
      </div>
      <div class="people_head">
        <img
          class="people_head_img"
          src="../assets/微信图片_20221128110914.jpg"
          alt=""
        />
      </div>
      <div class="people_head_imgShow">
        <img
          class="people_head_imgBig"
          src="../assets/微信图片_20221128110914.jpg"
          alt=""
        />
        <div class="people_head_gone">
          <button class="people_head_gone_button">X</button>
        </div>
      </div>
      <div class="people_name">我是张大大</div>
      <div class="right_meun_option">
        <ul class="right_meun_option_list">
          <li class="right_meun_option_one" title="待付款"><i class="iconfont icon-weibiaoti-" ><span class="non-payment_num">0</span></i><p>待付款</p></li>
          <li class="right_meun_option_one" title="待发货"><i class="iconfont icon-gongchang"><span class="not_shipped_num">12</span></i><p>待发货</p></li>
          <li class="right_meun_option_one" title="待收货"><i class="iconfont icon-daishouhuo"><span class="unreceived_num">0</span></i><p>待收货</p></li>
          <li class="right_meun_option_one" title="评价"><i class="iconfont icon-pingjia"><span class="not_rated_num">0</span></i><p>评价</p></li>

        </ul>
      </div>
      <div class="right_maid_option">
        <ul class="right_maid_option_list">
          <li class="right_maid_option_one" title="待付款"><i class="iconfont icon-tuihuobaozhang" ><span class="refund_num">0</span></i><p>退款/售后</p></li>
          <li class="right_maid_option_one" title="待付款"><i class="iconfont icon-haoyou" ></i><p class="not_num">好友</p></li>
          <li class="right_maid_option_one" title="待付款"><i class="iconfont icon-qianbao" ></i><p class="not_num">钱包</p></li>
          <li class="right_maid_option_one" title="待付款"><i class="iconfont icon-9" ></i><p class="not_num">优惠劵</p></li>
          <li class="right_maid_option_one" title="待付款"><i class="iconfont icon-zuji" ></i><p class="not_num">足迹</p></li>
          <li class="right_maid_option_one" title="待付款"><i class="iconfont icon-xiaoxi1" ></i><p class="not_num">消息/通知</p></li>
          <li class="right_maid_option_one" title="待付款"><i class="iconfont icon-rengongkefu" ></i><p class="not_num">官方客服</p></li>
          <li class="right_maid_option_one" title="待付款"><i class="iconfont icon-huodong1" ></i><p class="not_num">活动</p></li>


        </ul>
      </div>
    </div> -->
    <!-- 快捷菜单 -->
    <div class="small_menu">
      <ul class="small_menu_list">
        <li class="small_menu_one top"><i class="iconfont icon-zhiding" title="置顶"></i></li>
        <li class="small_menu_one shopping_car" title="购物车"><router-link to="/shoppingCar" ><i class="iconfont icon-gouwuche" title="购物车"><span class="shopping_num">{{shoppingCarNumber }}</span></i></router-link></li>
        <li class="small_menu_one collection"><i class="iconfont icon-jiaxingshoucang" title="收藏"></i></li>
        <li class="small_menu_one"><a href="https://kimi.moonshot.cn/"><svg t="1718109720174" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6500" width="32" height="32"><path d="M0 0m256 0l512 0q256 0 256 256l0 512q0 256-256 256l-512 0q-256 0-256-256l0-512q0-256 256-256Z" fill="#2c2c2c" p-id="6501" data-spm-anchor-id="a313x.search_index.0.i1.6e4f3a81CqrQ6F" class="selected"></path><path d="M838.186667 495.061333a174.592 174.592 0 0 1 11.264 107.52 173.226667 173.226667 0 0 1-19.712 51.072 172.672 172.672 0 0 1-115.2 83.626667 173.354667 173.354667 0 0 1-63.445334 87.466667 174.122667 174.122667 0 0 1-102.826666 33.322666 176.768 176.768 0 0 1-36.48-3.669333 175.104 175.104 0 0 1-66.432-29.696 171.605333 171.605333 0 0 1-26.965334-24.704A174.549333 174.549333 0 0 1 230.4 716.288a172.8 172.8 0 0 1-14.805333-141.44 175.018667 175.018667 0 0 1-21.418667-204.501333A173.312 173.312 0 0 1 242.773333 316.074667a170.965333 170.965333 0 0 1 66.645334-29.354667A174.08 174.08 0 0 1 475.733333 165.973333a171.946667 171.946667 0 0 1 102.912 33.28c9.898667 7.338667 18.986667 15.530667 27.050667 24.704a175.061333 175.061333 0 0 1 153.429333 41.130667c13.653333 12.245333 25.258667 26.581333 34.432 42.538667a174.037333 174.037333 0 0 1 22.613334 69.162666 173.013333 173.013333 0 0 1-7.850667 72.405334c12.373333 13.653333 22.357333 29.098667 29.866667 45.909333z m-240.341334 307.925334a129.28 129.28 0 0 0 70.186667-70.272c6.485333-15.701333 9.898667-32.597333 9.898667-49.621334v-160.853333a6.997333 6.997333 0 0 1-0.170667-0.512 1.706667 1.706667 0 0 0-0.213333-0.426667 1.194667 1.194667 0 0 0-0.341334-0.341333 1.109333 1.109333 0 0 0-0.426666-0.298667l-58.24-33.621333v194.346667a22.912 22.912 0 0 1-11.306667 19.626666l-137.813333 79.530667c-1.194667 0.725333-3.114667 1.706667-4.138667 2.304 5.717333 4.821333 11.904 9.088 18.389333 12.842667 6.570667 3.754667 13.354667 6.912 20.394667 9.514666a130.389333 130.389333 0 0 0 44.16 7.68c17.024 0.042667 33.92-3.328 49.621333-9.898666z m-328.277333-109.226667a129.578667 129.578667 0 0 0 177.152 47.445333l139.392-80.384 0.341333-0.384a0.896 0.896 0 0 0 0.213334-0.426666 1.706667 1.706667 0 0 0 0.213333-0.426667v-67.84L418.688 689.066667a25.770667 25.770667 0 0 1-5.418667 2.346666 23.381333 23.381333 0 0 1-17.237333-2.346666l-137.813333-79.616a148.48 148.48 0 0 1-4.053334-2.474667 130.261333 130.261333 0 0 0 0.042667 44.885333 130.432 130.432 0 0 0 15.36 42.069334v-0.170667zM233.386667 392.96a130.474667 130.474667 0 0 0-12.928 98.474667 129.578667 129.578667 0 0 0 60.373333 78.72l139.306667 80.469333a9.941333 9.941333 0 0 0 0.469333 0.170667h0.512a0.896 0.896 0 0 0 0.512-0.170667 1.706667 1.706667 0 0 0 0.426667-0.213333l58.453333-33.749334-168.234667-97.066666a23.04 23.04 0 0 1-10.538666-13.781334 19.712 19.712 0 0 1-0.682667-5.845333v-163.84c-7.082667 2.602667-13.952 5.802667-20.437333 9.557333A132.48 132.48 0 0 0 233.514667 392.96H233.386667z m478.421333 111.36a23.04 23.04 0 0 1 8.362667 8.32 26.026667 26.026667 0 0 1 2.261333 5.504c0.426667 1.92 0.725333 3.882667 0.64 5.888v163.84a129.28 129.28 0 0 0 58.282667-43.093333 129.834667 129.834667 0 0 0-38.229334-190.933334l-139.306666-80.469333a6.826667 6.826667 0 0 0-0.469334-0.170667h-0.512a7.253333 7.253333 0 0 1-0.512 0.170667 1.834667 1.834667 0 0 0-0.426666 0.213333l-58.154667 33.621334 168.234667 97.152h-0.170667z m58.069333-87.253333h-0.085333v0.085333l0.085333-0.085333z m-0.085333-0.042667a129.706667 129.706667 0 0 0-192.597333-134.314667L437.973333 363.093333a1.237333 1.237333 0 0 0-0.341333 0.341334l-0.298667 0.426666a6.912 6.912 0 0 0-0.213333 1.024v67.242667l168.192-97.194667a26.026667 26.026667 0 0 1 5.504-2.304 23.125333 23.125333 0 0 1 17.152 2.304l137.813333 79.658667c1.28 0.725333 3.072 1.706667 4.096 2.389333zM405.333333 342.570667a23.253333 23.253333 0 0 1 6.656-16 20.522667 20.522667 0 0 1 4.693334-3.541334l137.813333-79.573333c1.28-0.810667 3.114667-1.792 4.096-2.304a128.981333 128.981333 0 0 0-66.389333-29.013333 129.706667 129.706667 0 0 0-146.218667 128.682666v160.853334a7.253333 7.253333 0 0 0 0.128 0.512 1.834667 1.834667 0 0 0 0.213333 0.426666 3.072 3.072 0 0 0 0.384 0.426667 1.706667 1.706667 0 0 0 0.426667 0.298667l58.197333 33.621333V342.570667z m31.573334 212.565333l74.965333 43.264 74.965333-43.264v-86.485333L511.914667 425.386667l-74.965334 43.264-0.085333 86.485333z" fill="#FFFFFF" p-id="6502"></path></svg></a></li>
      </ul>
    </div>
    <div class="Main_page" id="go_home">
      <!-- 查找框 -->
      <div class="find_menu" >
        <div class="find">
          <div class="shopping_find_option">
            <div class="shopping_option_text">店铺</div>
            <div class="shopping_switch"></div>
          </div>
          <input
              type="text"
              placeholder=" 请输入您想查找的商品"
              class="shopping_input_text"
              name="find_text"/>
        </div>
        <div class="findList" >
          <div class="overFindList">关</div>
          <ul class="findListUl">
<!--            <li class="findListLi">  </li>-->
          </ul>
          <div class="ulIsNull">
            找不到尽力了
          </div>
        </div>
      </div>
      <!-- 广告位 -->
      <div class="block text-center " >
        <el-carousel trigger="click"  class="cd_home main-el-carousel" >
          <el-carousel-item v-for="item in this.other_picture_list" :key="item" class="main-el-carousel-item">
            <!--        <h3 class="small justify-center" text="2xl">热门活动</h3>-->
            <img :src="item.src" alt=" " class="main-el-carousel-item-img">
          </el-carousel-item>
        </el-carousel>
      </div>
      <!-- 商品 -->
      <!-- <div class="shopping">
        <div class="ss">
          <ul class="cd_list">
            <li class="cd_one">
              <a href="">
                <div class="commodity">
                  <div class="cd_img_div">
                    <img
                      src="../assets/微信图片_20221128110914.jpg"
                      alt=""
                      class="cd_img"
                    />
                  </div>
                  <div class="cd_text">
                    双汇火山石烤肠台湾地道原味纯香肉肠脆皮肠300g*1袋早餐半成品
                  </div>
                  <div class="cd_money">
                    <i class="iconfont icon-qian"></i>168
                  </div>
                  <div class="cd_address">
                    <i class="iconfont icon-dizhi" title="发货地址"></i>广东
                  </div>
                </div>
              </a>
            </li>
            <li class="cd_one">
              <a href="">
                <div class="commodity">
                  <div class="cd_img_div">
                    <img
                      src="../assets/微信图片_20221128110914.jpg"
                      alt=""
                      class="cd_img"
                    />
                  </div>
                  <div class="cd_text">
                    双汇火山石烤肠台湾地道原味纯香肉肠脆皮肠300g*1袋早餐半成品
                  </div>
                  <div class="cd_money">
                    <i class="iconfont icon-qian"></i>168
                  </div>
                  <div class="cd_address">
                    <i class="iconfont icon-dizhi" title="发货地址"></i>广东
                  </div>
                </div>
              </a>
            </li>
            <li class="cd_one">
              <a href="">
                <div class="commodity">
                  <div class="cd_img_div">
                    <img
                      src="../assets/微信图片_20221128110914.jpg"
                      alt=""
                      class="cd_img"
                    />
                  </div>
                  <div class="cd_text">
                    双汇火山石烤肠台湾地道原味纯香肉肠脆皮肠300g*1袋早餐半成品
                  </div>
                  <div class="cd_money">
                    <i class="iconfont icon-qian"></i>168
                  </div>
                  <div class="cd_address">
                    <i class="iconfont icon-dizhi" title="发货地址"></i>广东
                  </div>
                </div>
              </a>
            </li>
            <li class="cd_one">
              <a href="">
                <div class="commodity">
                  <div class="cd_img_div">
                    <img
                      src="../assets/微信图片_20221128110914.jpg"
                      alt=""
                      class="cd_img"
                    />
                  </div>
                  <div class="cd_text">
                    双汇火山石烤肠台湾地道原味纯香肉肠脆皮肠300g*1袋早餐半成品
                  </div>
                  <div class="cd_money">
                    <i class="iconfont icon-qian"></i>168
                  </div>
                  <div class="cd_address">
                    <i class="iconfont icon-dizhi" title="发货地址"></i>广东
                  </div>
                </div>
              </a>
            </li>
            <li class="cd_one">
              <a href="">
                <div class="commodity">
                  <div class="cd_img_div">
                    <img
                      src="../assets/微信图片_20221128110914.jpg"
                      alt=""
                      class="cd_img"
                    />
                  </div>
                  <div class="cd_text">
                    双汇火山石烤肠台湾地道原味纯香肉肠脆皮肠300g*1袋早餐半成品
                  </div>
                  <div class="cd_money">
                    <i class="iconfont icon-qian"></i>168
                  </div>
                  <div class="cd_address">
                    <i class="iconfont icon-dizhi" title="发货地址"></i>广东
                  </div>
                </div>
              </a>
            </li>
            <li class="cd_one">
              <a href="">
                <div class="commodity">
                  <div class="cd_img_div">
                    <img
                      src="../assets/微信图片_20221128110914.jpg"
                      alt=""
                      class="cd_img"
                    />
                  </div>
                  <div class="cd_text">
                    双汇火山石烤肠台湾地道原味纯香肉肠脆皮肠300g*1袋早餐半成品
                  </div>
                  <div class="cd_money">
                    <i class="iconfont icon-qian"></i>168
                  </div>
                  <div class="cd_address">
                    <i class="iconfont icon-dizhi" title="发货地址"></i>广东
                  </div>
                </div>
              </a>
            </li>
            <li class="cd_one">
              <a href="">
                <div class="commodity">
                  <div class="cd_img_div">
                    <img
                      src="../assets/微信图片_20221128110914.jpg"
                      alt=""
                      class="cd_img"
                    />
                  </div>
                  <div class="cd_text">
                    双汇火山石烤肠台湾地道原味纯香肉肠脆皮肠300g*1袋早餐半成品
                  </div>
                  <div class="cd_money">
                    <i class="iconfont icon-qian"></i>168
                  </div>
                  <div class="cd_address">
                    <i class="iconfont icon-dizhi" title="发货地址"></i>广东
                  </div>
                </div>
              </a>
            </li>
            <li class="cd_one">
              <a href="">
                <div class="commodity">
                  <div class="cd_img_div">
                    <img
                      src="../assets/微信图片_20221128110914.jpg"
                      alt=""
                      class="cd_img"
                    />
                  </div>
                  <div class="cd_text">
                    双汇火山石烤肠台湾地道原味纯香肉肠脆皮肠300g*1袋早餐半成品
                  </div>
                  <div class="cd_money">
                    <i class="iconfont icon-qian"></i>168
                  </div>
                  <div class="cd_address">
                    <i class="iconfont icon-dizhi" title="发货地址"></i>广东
                  </div>
                </div>
              </a>
            </li>
          </ul>
        </div>
      </div> -->
    </div>
  </div>

</template>

<script>
import {mapState} from 'vuex'
export default {
  name: "shopping_maid",
  props: {
    msg: String,
  },
  computed:{
    ...mapState(['other_picture_list']),
    shoppingCarNumber() {
      return this.$store.getters.getShoppingCarNumber;
    }
  },
};

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
</style>
